<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Hope2</title>
    <link rel="stylesheet" href="https://lib.baomitu.com/bulma/0.9.1/css/bulma.css">
    <link rel="shortcut icon" href="/favicon.ico">
    <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="http://www.datatables.net/rss.xml">
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.22/css/jquery.dataTables.min.css">
    <script type="text/javascript" language="javascript"
            src="https://lib.baomitu.com/jquery/3.5.1/jquery.min.js"></script>
    <script type="text/javascript" language="javascript"
            src="https://cdn.datatables.net/1.10.22/js/jquery.dataTables.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            var link = "/index-risk-tip";
            // link = 'http://127.0.0.1:8003/index-risk-tip';
            $.getJSON(link, function (input) {
                $("#genTime").html(input.generateTime);
                for (i = 0; i < input.data.length; i++) {
                    process(input.data[i]);
                }
            });

            function process(index) {
                for (var key in index) {
                    var id = "#" + key;
                    $(id).html(index[key]);
                }
            }
        });
    </script>
</head>
<body class="layout-default">
<nav id="navbar" class="bd-navbar navbar has-shadow is-spaced">
    <div class="container">
        <div class="navbar-brand">
            <a class="navbar-item" href="https://qianyitian.com/">
                <img style="height:36px;width:36px;" src="https://img.qianyitian.com/icon/logo.png">  <h4
                    class="title is-3">Hope2</h4>
            </a>
        </div>
    </div>
</nav>

<section class="hero is-light is-info">
    <div class="hero-body">
        <div class="container">
            <h1 class="title">
                抄底提醒器
            </h1>
            <h2 class="subtitle" id="description">
                每日一看，避免头脑发热
            </h2>
            <p> 生成时间：<label id="genTime"></label></p>
            </p>
        </div>
    </div>
</section>


<section class="section">
    <div class="container">
        <nav class="box level">
            <div class="level-item has-text-centered">
                <div>
                    <p class="heading has-text-primary">上证指数</p>
                    <p class="title" id="sh000001-now"></p>
                </div>
            </div>
            <div class="level-item has-text-centered">
                <div>
                    <p class="heading has-text-primary">底部点位</p>
                    <p class="title" id="sh000001-low"></p>
                </div>
            </div>
            <div class="level-item has-text-centered">
                <div>
                    <p class="heading has-text-primary">需要再跌</p>
                    <p class="title has-text-danger" id="sh000001-drop"></p>
                </div>
            </div>
        </nav>

        <nav class="box level">
            <div class="level-item has-text-centered">
                <div>
                    <p class="heading has-text-primary">深证成指</p>
                    <p class="title" id="sz399001-now"></p>
                </div>
            </div>
            <div class="level-item has-text-centered">
                <div>
                    <p class="heading has-text-primary">底部点位</p>
                    <p class="title" id="sz399001-low"></p>
                </div>
            </div>
            <div class="level-item has-text-centered">
                <div>
                    <p class="heading has-text-primary">需要再跌</p>
                    <p class="title has-text-danger" id="sz399001-drop"></p>
                </div>
            </div>
        </nav>


        <nav class="box level">
            <div class="level-item has-text-centered">
                <div>
                    <p class="heading has-text-primary">沪深300</p>
                    <p class="title" id="sh000300-now"></p>
                </div>
            </div>
            <div class="level-item has-text-centered">
                <div>
                    <p class="heading has-text-primary">底部点位</p>
                    <p class="title" id="sh000300-low"></p>
                </div>
            </div>
            <div class="level-item has-text-centered">
                <div>
                    <p class="heading has-text-primary">需要再跌</p>
                    <p class="title has-text-danger" id="sh000300-drop"></p>
                </div>
            </div>
        </nav>

        <nav class="box level">
            <div class="level-item has-text-centered">
                <div>
                    <p class="heading has-text-primary">创业板指数</p>
                    <p class="title" id="sz399006-now"></p>
                </div>
            </div>
            <div class="level-item has-text-centered">
                <div>
                    <p class="heading has-text-primary">底部点位</p>
                    <p class="title" id="sz399006-low"></p>
                </div>
            </div>
            <div class="level-item has-text-centered">
                <div>
                    <p class="heading has-text-primary">需要再跌</p>
                    <p class="title has-text-danger" id="sz399006-drop"></p>
                </div>
            </div>
        </nav>
    </div>
</section>

</body>
</html>